<div id="loading" style="width: 100%;position: absolute;top: 40%;display: none;">
	<div style="width: 100px;height: 100px;" class="sk-spinner sk-spinner-cube-grid">
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
		<div class="sk-cube"></div>
	</div>
</div>

<script>
  //隐藏loading
  var timeout = null;
  var hideLoading = function(){
    clearTimeout(timeout);
    $('#loading').hide();
  };
  //显示loading
  var showLoading = function(){
    $('#loading').show();
    timeout = setTimeout(function(){
      hideLoading();
      humane.log('获取影像数据失败', {timeout: 2000});
    },5000);
  };

  $(function(){
    showLoading();
  });

</script>
